{% extends "layout.html" %}

{% block title %}Création compte client {% endblock %}

{% block content %}

<form method="post" class="form-horizontal">

	<div class="row">
	<div class="span11">
	
	  <fieldset>
		<legend align="center">Nouveau client</legend>
    
    </fieldset>
    </div>
	 <!-- Première colonne -->
	<div class="span5">
	
	  <fieldset>
		<legend>Informations générales</legend>

	  <div class="control-group">
		<label class="control-label" for="code_client">Code client </label>
		<div class="controls">
		
		<div class="input-prepend">
		   <span class="add-on"><i class="icon-user"></i></span>
		   <input name="code_client" type="text" value="" placeholder="ex 12345" required="required" /> 
		</div>
		  
		</div>
	  </div>
	   {% if not(session.niveauAuth=='5')and not(session.niveauAuth=='2')and not(session.niveauAuth=='3')and not(session.niveauAuth=='4')and not(session.niveauAuth=='6') %}
	  <div class="control-group">
	 
		<label class="control-label" for="code_client_voip">Code client voip</label>
        <div class="controls">
		<div class="input-prepend">
		   <span class="add-on"><i class="icon-user"></i></span>
		   <input name="code_client_voip" type="text" value=""/> 
		</div>
	  </div>
	  </div>
	  
      
		<div class="control-group">
		<label class="control-label" for="code_client_mobile">Code client mobile</label>
        <div class="controls">
		<div class="input-prepend">
		   <span class="add-on"><i class="icon-user"></i></span>
		   <input name="code_client_mobile" type="text" value=""/> 
		</div>
	  </div>
	  </div>
      {% endif %}
	   <div class="control-group">
		<label class="control-label" for="fj">Forme Juridique</label>
		<div class="controls">
		   <select name="fj" size="1">
			  <option>EURL</option>
			  <option>SARL</option>
			  <option>SAS</option>
			  <option>EI</option>
               <option>EI</option> 
               <option></option>
			</select>
		</div>
	  </div>
	  
	   <div class="control-group">
		<label class="control-label" for="rs">Raison Social</label>
		<div class="controls">
		   <input name="rs" type="text" value=""/> 
		</div>
	  </div>
      <div class="control-group">
     
		<label class="control-label" for="activite">Activité</label>
		<div class="controls">
		   <input name="activite" type="text" value=""/> 
		</div>
	  </div>	
      
	  
	   <div class="control-group">
		<label class="control-label" for="siret">Siret</label>
		<div class="controls">
		   <input name="siret" type="text" value=""/> 
		</div>
	  </div>
	  
	   <div class="control-group">
		<label class="control-label" for="ape">APE</label>
		<div class="controls">
		   <input name="ape" type="text" value=""/> 
		</div>
	  </div>
	
	   <div class="control-group">
		<label class="control-label" for="rcs">RCS</label>
		<div class="controls">
		   <input name="rcs" type="text" value="" /> 
		</div>
	  </div>

	  <div class="control-group">
      		<label class="control-label" for="rue">Rue*</label>
		<div class="controls">
		   <input name="rue" type="text" value="" required="required"/> 
		</div>
	  </div>
	  
	   <div class="control-group">
      
		<label class="control-label" for="cp">Code postal*</label>
		<div class="controls">
		   <input name="cp" type="text" value=""required="required"/> 
		</div>
	  </div>
	  
	  <div class="control-group">
      
		<label class="control-label" for="ville">Ville*</label>
		<div class="controls">
		   <input name="ville" type="text" value="" required="required"/> 
		</div>
	  </div>

		
	  <div class="control-group">
		<label class="control-label" for="pays">Pays</label>
		<div class="controls">
		   <input name="pays" type="text" value=""/> 
		</div>
	  </div>
	  
		<div class="control-group">
        
		<label class="control-label" for="fixe">Téléphone Fixe*</label>
		<div class="controls">
		   <input name="fixe" type="text" value="" required="required" /> 
		</div>
	  </div>
	  
	   <div class="control-group">
		<label class="control-label" for="fax">Fax</label>
		<div class="controls">
		   <input name="fax" type="text" value=""/> 
		</div>
	  </div>
       <div class="control-group">
		<label class="control-label" for="site_internet">Site internet</label>
		<div class="controls">
		   <input name="site_internet" type="text" value=""/> 
		</div>
	  </div>
	  
	   <div class="control-group">
       
		<label class="control-label" for="couriel">Couriel*</label>
		<div class="controls">
        <div class="input-prepend">
		   <span class="add-on"><i class="icon-envelope"></i></span>
		   <input name="couriel" type="text" value="" required="required"/> 
		</div>
	  </div>
     
     </div>
      
  </fieldset>
  
  
  	<fieldset>
  	 <div class="control-group">
		<label class="control-label" for="vendeur">Vendeur</label>
		<div class="controls">
		   <input name="vendeur" type="text" value=""/> 
		</div>
	  </div>
  	
	<legend>Gestionnaire</legend>

	<div class="control-group">
		<label class="control-label" for="civilite">Civilité</label>
		<div class="controls">
		   <select name="civilite" size="1">
			<option>Monsieur</option>
			  <option>Madame</option>
			  <option>Madmoiselle</option>
			  <option>Maître</option>
			  <option>Docteur</option>
			</select>
		</div>
	  </div>

	  <div class="control-group">
      
		<label class="control-label" for="nom">Nom*</label>
		<div class="controls">
		   <input name="nom" type="text" value="" required="required"/> 
		</div>
	  </div>	

	  <div class="control-group">
     
		<label class="control-label" for="prenom">Prénom*</label>
		<div class="controls">
		   <input name="prenom" type="text" value=""required="required"/> 
		</div>
	  </div>	
	  
	   <div class="control-group">
		<label class="control-label" for="mobile">Téléphone Portable</label>
		<div class="controls">
		   <input name="mobile" type="text" value=""/> 
		</div>
	  </div>
      
      <div class="control-group">
		<label class="control-label" for="email_gest">Couriel</label>
		<div class="controls">
        <div class="input-prepend">
        <span class="add-on"><i class="icon-envelope"></i></span>
		   <input name="email_gest" type="text" value=""required="required"/> 
		</div>
        </div>
	  </div>
	  
	   <div class="control-group">
       
		<label class="control-label" for="login">Login*</label>
        <div class="controls">
		<div class="input-prepend">
		   <span class="add-on"><i class="icon-user"></i></span>
		   <input name="login" type="text" value="" onFocus="value=(prenom.value).substr(0,1)+nom.value" required="required"/> 
		</div>
	  </div>
	  </div>
      
      <div class="control-group">
      
		<label class="control-label" for="password">Mot de passe*</label>
		<div class="controls">
        <div class="input-prepend">
		   <span class="add-on"><i class="icon-lock"></i></span>
		   <input name="password" type="text" value="" onFocus="value=(fixe.value).substr(6,4)" required="required"/> 
		</div>
	  </div>

	</fieldset>
	
  </div>
  
  
  <!-- Deuxième colonne -->
  <div class="span5">
  
  <fieldset>
	<legend>Adresse de livraison (si différente)</legend>

	
	  <div class="control-group">
      
		<label class="control-label" for="nom">Raison Social</label>
		<div class="controls">
		   <input name="raison_social_dif" type="text" value=""/> 
		</div>
	  </div>	

	  <div class="control-group">
     
		<label class="control-label" for="adresse_dif">Adresse</label>
		<div class="controls">
		   <input name="adresse_dif" type="text" value=""/> 
		</div>
	  </div>
        <div class="control-group">
		<label class="control-label" for="cp_dif">Code postal </label>
		<div class="controls">
		   <input name="cp_dif" type="text" value=""/> 
		</div>
	  </div>
        <div class="control-group">
		<label class="control-label" for="ville_dif">Ville </label>
		<div class="controls">
		   <input name="ville_dif" type="text" value=""/> 
		</div>
	  </div>	
	  
	   <div class="control-group">
		<label class="control-label" for="telephone_dif">Téléphone </label>
		<div class="controls">
		   <input name="telephone_dif" type="text" value=""/> 
		</div>
	  </div>
	  
	  
	</fieldset>
  
  
  
	<fieldset>
	<legend>Mode de paiement</legend>


	  <div class="control-group">
     
		<label class="control-label" for="mode_paiement">Mode paiement*</label>
		<div class="controls">
		  <select name="mode_paiement" size="1" required="required">
			<option>Prélévement</option>
			<option>Chèque</option>
			<option>Virement</option>
			<option>Mandat administratif</option>
		 </select>
		</div>
	  </div>

	  <div class="control-group">
     
		<label class="control-label" for="banque">Etablisement bancaire</label>
		<div class="controls">
		   <input name="banque" type="text" value="" /> 
		</div>
	  </div>
	  
	  	<div class="control-group">
        <label class="control-label" for="adresse_bq">Adresse</label>
		<div class="controls">
		   <input name="adresse_bq" type="text" value=""/> 
		</div>
	  </div>

  	  	<div class="control-group">
      	<label class="control-label" for="cp_banque">Code postal</label>
		<div class="controls">
		   <input name="cp_banque" type="text" value="" /> 
		</div>
	  </div>
	  
  	  <div class="control-group">
		<label class="control-label" for="ville_bq">Ville</label>
		<div class="controls">
		   <input name="ville_bq" type="text" value=""/> 
		</div>
	  </div>
	<div class="control-group">
		<label class="control-label" for="code_iban">Code IBAN</label>
		<div class="controls">
		  
           <input name="code_iban" type="text" value="{{client.code_iban}}" placeholder="FR.."/> 
           
		</div>
	 </div>
  
  	  <div class="control-group">
     
		<label class="control-label" for="code_etablissement">Code établissement</label>
		<div class="controls">
		   <input name="code_etablissement" type="text" value="" /> 
		</div>
	  </div>

      <div class="control-group">
    
		<label class="control-label" for="code_guichet">Code guichet</label>
		<div class="controls">
		   <input name="code_guichet" type="text" value="" /> 
		</div>
	  </div>

      <div class="control-group">
      
		<label class="control-label" for="num_compte">Numéro de compte</label>
		<div class="controls">
		   <input name="num_compte" type="text" value="" /> 
		</div>
	  </div>
	  
      <div class="control-group">
     
		<label class="control-label" for="rib">Clé RIB</label>
		<div class="controls">
		   <input name="rib" type="text" value="" /> 
		</div>
	  </div>
	  
	     <div class="control-group">
     
		<label class="control-label" for="swift">Clé Swift ou BIC</label>
		<div class="controls">
		   <input name="swift" type="text" value="" /> 
		</div>
	  </div>
	  
	  <div class="control-group">
     
		<label class="control-label" for="facture_detail">Pas de Détail sur Facture</label>
		<div class="controls">
		  
		   <input name="facture_detail" type="checkbox"  value="x" />
		   
		</div>
	  </div>
	   
<br>
	</fieldset>
	  

	</div>
	</div>
	
	
		
		<div class="form-actions">
		<span>Action après validation</span>
		<br/>
		  <select name="action">
			<option value="liste-client">Afficher la liste des clients</option>
			<!--<option value="">Créer une commande pour un client</a></option>-->
			<option value="creation-compte-client">Saisir un nouveau client</option>
		  </select>
		<br/><br/>
		<button type="submit" class="btn btn-primary" name="creation">Création</button>
        <button type="reset" class="btn " name="annuler">Annuler</button>
		</div>
		

	
</form>

{% endblock %}
	
